@keyframes color_change {
    from { color: rgba(255, 255, 255, 0.2); }
    to { color: white; }
}
.list-item {
    padding: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 18px;
    cursor: pointer;
    opacity: 1;
    white-space:nowrap;
    -webkit-user-select: none;
}


.blue {
    background-color: #3fa7f2;
}
.blue_anime {
    background-color: #3fa7f2;
    animation-name: color_change;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.red {
    background-color: #d82027;
}
.red_anime {
    background-color: #d82027;
    animation-name: color_change;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.yellow {
    background-color: #f28a3f;
    
}
.yellow_anime {
    background-color: #f28a3f;
    animation-name: color_change;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.disabled {
    background-color: dimgrey;
}

.projects {
    padding: 10px;
}


body {
    overflow:-Scroll;overflow-y:hidden;
    color: white;
    border: rgba(214, 235, 240, 0);
    border-style: solid;
    border-width: 1px;
}
.loading {
    border: rgb(0, 204, 255);
    border-style: solid;
    border-width: 1px;
}